<!DOCTYPE html>
<!--
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
Version: 4.5.6
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>足彩分析系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../css/fontFamily.css" rel="stylesheet" type="text/css" />
    <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	outline:none;
}
.grid-item { width: 25%; height:140px; text-align:center;}
.grid-item :hover{cursor:pointer; }
.grid-item--width2 { width: 50%; }
</style>
</head>
<!-- END HEAD -->

<body class="page-content-white">
<div class="page-header">
    <h1>小绵羊系统<small> beta版本</small></h1>
    <div class="row">
        <div class="col-xs-12 col-md-9"></div>
        <div class="col-xs-6 col-md-1"><button id="mySfBtn" type="button" class="btn btn-black" data-toggle="modal" data-target="#myModal">我的算法</button></div>
        <div class="col-xs-6 col-md-1"><button type="button" class="btn btn-black" data-toggle="modal" data-target="#myModal">我的预测</button></div>
        <div class="col-xs-6 col-md-1"><button type="button" class="btn btn-black" data-toggle="modal" data-target="#myModal">同步最新比赛</button></div>
    </div>
</div>

<div class="container-fluid">
    <div class="grid">
<#if Request.cupList?exists>
    <#list Request.cupList! as cup>
        <div class="grid-item">
            <!--<article cupId="${cup.cupId!}" cupName="${cup.cupName!}"  class="border c-two btn btn-black btn-lg cupBtn" style="background-image:url(../image/200521411922.gif)">-->
                <!--<div style="opacity: 0;" class="fdw-background">-->
                    <!--<h4>${cup.cupName!}</h4>-->

                <!--</div>-->
            <!--</article>-->
            <button cupId="${cup.cupId!}" cupName="${cup.cupName!}" type="button" class="btn btn-black btn-lg cupBtn" data-toggle="modal" data-target="#cupInfoModel">${cup.cupName!}</button>
            <!--<img src="../image/20053315253.jpg" style="width:140px; height:140px;" alt="" class="img-circle">-->
        </div>
        <!--<h2></h2>-->
    </#list>
</#if>
    </div>
    <div id="cupInfoModel" class="modal fade in" role="dialog" aria-hidden="true" style="display: none; top:20px;">

    </div>

</div>
</body>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script>

<!-- BEGIN CORE PLUGINS -->
<script src="../js/components/jquery.min.js" type="text/javascript"></script>
<script src="../js/components/loadingoverlay.js" type="text/javascript"></script>
<script src="../js/components/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/components/isotope.js" type="text/javascript"></script>
<script src="../js/components/bootstrap-slider.js" type="text/javascript"></script>

<script src="../js/components/template.js" type="text/javascript"></script>
<script id='cupInfo' type="text/template">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">联盟名称：<$=cupName$></h4>
                </div>
                <div class="modal-body" style="height:400px; overflow-y: auto;">
                    <table class="table table-bordered">
                        <tr class="success">
                            <td>时间</td>
                            <td>主队</td>
                            <td>客队</td>
                            <td>比分</td>
                            <td>预测结果</td>
                            <td>操作</td>

                        </tr>
                        <$for(var i=0;i<cupInfo.length;i++){$>
                        <tr class="success">
                            <td><$=getLocalTime(0,cupInfo[i].matchTime) $></td>
                            <td><$=cupInfo[i].homeTeam$></td>
                            <td><$=cupInfo[i].visitingTeam$></td>
                            <td><$=cupInfo[i].homeScore$>:<$=cupInfo[i].visitingScore$></td>

                            <$if(cupInfo[i].caculateModel!=null) { $><td <$if(cupInfo[i].caculateModel.hasContains!=null) { $> style="color:red" <$}$>><$=cupInfo[i].caculateModel.value$>   </td><$}$>


                            <td><button cupId="<$=cupId$>" hostId="<$=cupInfo[i].homeId$>" visitorId="<$=cupInfo[i].visitingId $>" class="btn btn-small btn-primary battleBtn" type="button">对阵分析</button></td>
                        </tr>
                        <$}$>

                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">查看联盟数据</button>
                </div>
            </div>
        </div>
</script>
<script src="../js/appmodules/cupIndex.js" type="text/javascript"></script>
<script type="text/javascript">
//portfolio - show link
	$('.fdw-background').hover(
		function () {
			$(this).animate({opacity:'1'});
		},
		function () {
			$(this).animate({opacity:'0'});
		}
	);
</script>

</html>